<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
        <title></title>
        <link rel="stylesheet" type="text/css" href="new_file.css" />
        <!--<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">-->
    </head>

    <body>
        <div class="container clearfix">
            <div class="col-sm-6  col-md-4  rowCol"></div>
            <div class="col-sm-6  col-md-4  rowCol"></div>
            <div class="col-sm-12 col-md-4  rowCol"></div>
            <div class="col-sm-3  col-md-3  rowCol"></div>
            <div class="col-sm-6  col-md-6  rowCol"></div>
            <div class="col-sm-3  col-md-3  rowCol"></div>
            <div class="col-sm-2  col-md-1  rowCol"></div>
            <div class="col-sm-2  col-md-1  rowCol"></div>
            <div class="col-sm-8  col-md-2  rowCol"></div>
            <div class="col-sm-3  col-md-2  rowCol"></div>
            <div class="col-sm-3  col-md-6  rowCol"></div>
        </div>
    </body>

</html>